layui.use(['table', 'soulTable'], function () {
    var table = layui.table,
        soulTable = layui.soulTable;
    //基础分景处理表格
    exportTable = table.render({
        elem: '#table_1',
        method: 'GET',
        dataType: 'json'
        ,cellMinWidth: 80,
        parseData: function (res) { //res 即为原始返回的数据
            return {
                "status": res.status,
                "total": res.total,
                "msg": res.msg,
                "data": res.data,
            };
        },
        response: {
            statusName: 'status' //规定数据状态的字段名称，默认：code
            , statusCode: 200 //规定成功的状态码，默认：0
            , countName: 'total' //规定数据总数的字段名称，默认：count
            , dataName: 'data' //规定数据列表的字段名称，默认：data
        }
        , drag: false
        , rowDrag: true
        , cols: [[
            {checkbox: true, fixed: false, width: "5%"}
            ,{field:'id',title:"行的ID值",hide:true}
            , {field: 'filename', title: '文件名', filter: true, width: "25%"}
            , {field: 'sensorName', title: '传感器', width: "10%"}
            , {field: 'acquisitionTime', title: '拍摄时间', width: "20%", sort: true}
            , {field: 'cloudPercent', title: '云量', width: "10%", sort: true}
            , {field: 'status', title: '状态', width: "10%"}
            , {
                field: "imageType",
                title: "图像产品",
                width: "10%",
                align: 'center',
                templet: function (d) {

                        return '   <select name="imageTypeOption" id="imageTypeOption" lay-filter="iamgeType" class="layui-form-select" lay-verify="required" data-state="' + d.status + '" data-value="' + d.id + '" >'+
                            '<option value="辐射定标">选择最高级别的图形产品设置</option>\n'+
                            '<option value="辐射定标">辐射定标</option>\n'+
                            '<option value="大气纠正">大气校正</option>\n'+
                            '<option value="地形纠正">地形纠正</option>\n'+
                            '<option value="地形校正">地形校正</option>\n'+
                            '<option value="影像融合">影像融合</option>\n'+
                            '</select>\n';


                }
            },
            {
                field: "spotparam",
                title: "图斑产品",
                width: "10%",
                templet: "#spotType",
                align: 'center',
            }

        ]]
        , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
            layout: ['count', 'prev', 'page', 'next']
            , groups: 3 //只显示 1 个连续页码
            , first: false //不显示首页
            , last: false //不显示尾页
        }
        , done: function (res, curr, count) {
            exportData = res.data; 		//获取表格中的数据集合。
            soulTable.render(this);
            $(".layui-table-box, .layui-table-cell").css('overflow', 'visible');
        }
        , height: 460
        , width: 1600
    });


    //专题分景处理表格
    table.render({
        elem: '#table_2',
        method: 'GET',
        dataType: 'json',
        parseData: function (res) { //res 即为原始返回的数据
            return {
                "status": res.status,
                "total": res.total,
                "msg": res.msg,
                "data": res.data,
            };
        },
        response: {
            statusName: 'status' //规定数据状态的字段名称，默认：code
            , statusCode: 200 //规定成功的状态码，默认：0
            , countName: 'total' //规定数据总数的字段名称，默认：count
            , dataName: 'data' //规定数据列表的字段名称，默认：data
        }
        , drag: false
        , rowDrag: true
        , cols: [[
            {checkbox: true, fixed: false}
            , {field: 'filename', title: '文件名', width: 460, filter: true}
            , {field: 'sensorName', title: '传感器', width: 100}
            , {field: 'acquisitionTime', title: '拍摄时间', width: 100, sort: true}
            , {field: 'cloudPercent', title: '云量', width: 100, sort: true}
            , {field: 'status', title: '状态', width: 80}
            , {
                field: "iamgeparam",
                title: "图像产品",
                width: 100,
                templet: "#imageType",
                align: 'center',
                fixed: 'left'
            },
            {
                field: "spotparam",
                title: "图斑产品",
                width: 100,
                templet: "#spotType",
                align: 'center',
                fixed: 'left'
            }
        ]]

        , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
            layout: ['count', 'prev', 'page', 'next']
            , groups: 3 //只显示 1 个连续页码
            , first: false //不显示首页
            , last: false //不显示尾页

        }
        , done: function () {
            soulTable.render(this);
        }
        , height: 500
    });

    var $ = layui.$, active = {
        reload: function () {
            var demoReload = $('#demoReload');

            //执行重载
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                , where: {
                    key: {
                        id: demoReload.val()
                    }
                }
            }, 'data');
        }
    };

    $('.demoTable .layui-btn').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });

    //下拉框的赋值

});
